*,*::after,*::before{
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

html{
    font-size: 100px;
}

body{
    font-size: .14rem;//0.14*100
    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
}
.top{/*--------------------------top--------------------------------------------*/
    width: 100%;
    height: 1rem;
    color: #fff;
    display: flex;
    border-bottom: 1px solid #21897d;
    background-color: #06c1ae;
}
.top1{
    width: 1.35rem;
    height: 1rem;
    line-height: 1rem;
    display: flex;
    justify-content: center;
}
.top span{
    font-size: .32rem;
    margin-right: .2rem;
}
.top1 i{
    display: inline-block;
    font-size: .32rem;
    line-height: 1rem;
}
.top2{
    width: 5.17rem;
    height: .64rem;
    line-height: .64rem;
    margin-top: .2rem;
    border-radius: .06rem;
    background: rgba(0,0,0,.15);
}
.top2 i{
    margin-left: .2rem;
    font-size: .28rem;
}
.top2 span{
    font-size: .26rem;
    color: #68dbce;
    margin-left: .2rem;
}
.top3{
    width: .98rem;
    height: 1rem;
    text-align: center;
}
.top3 i{
    margin-top: .2rem;
    font-size: .4rem;
}
.top3 div{
    font-size: .2rem;
}
/*----------------------------centent1 下载美团------------------------------------------*/
.centent1{
    width: 100%;
    height: 2.2rem;
}
.centent1 img{
    width: 100%;
    height: 2.2rem;
}
/*----------------------------centent2------------------------------------------*/
.centent2{
    width: 100%;
    height: 3.7rem;
    word-wrap: break-word;
    border-top: .01rem solid #999999;
    border-bottom: .01rem solid #999999;
}
.centent21{
    width: 100%;
    height: 3.24rem;
    display: flex;
    flex-wrap: wrap;
}
.centent21 li{
    width: 20%;
    height: 1.62rem;
    text-align: center;
}
.centent21 div:nth-child(1){
    font-size: .6rem;
    margin-top: .4rem;
    border-radius: 50%;
}
.centent21 div:nth-child(2){
    font-size: .24rem;
}
.centent22{
    width: 100%;
    text-align: center;

}
.centent22 span{
    width: .16rem;
    height: .16rem;
    display: inline-block;
    margin: 0 .1rem;
    border-radius: 50%;

}
.sp1{
    background-color: #F0EFED;
}
.sp2{
    background-color: #F0EFED;
}
.sp {
    background-color: #06c1ae;
}
/*----------------------------centent3------------------------------------------*/
.centent3{
    margin-top: .2rem;
    border-top: .01rem solid #999;
    border-bottom: .01rem solid #999;
}
.centent31{
    font-size: .34rem;
    padding: .28rem .2rem;
    border-bottom: .01rem solid #999;
}

.centent32{
    width: 7.1rem;
    height: 2rem;
    margin: .2rem auto;
    display: flex;
    border-bottom: .01rem solid #999;
}
.centent32left{
    width: 1.8rem;
    height: 1.8rem;
    background-color: #00d20d;
}
.centent32right{
    width: 5.1rem;
    height: 1.64rem;
    margin-top: .08rem;
    margin-left: .2rem;
}
.centent32right div:nth-child(1){
    margin-bottom: .12rem;
    font-size: .3rem;
    color: #333;
}
.centent32right div:nth-child(2){
    font-size: .24rem;
    height: .52rem;
    margin-bottom: .16rem;
    color: #666;
}
.centent32right div:nth-child(3){
    color: #666;
}
.price span:nth-child(1){
    font-size: .38rem;
    color: #06c1ae;
}
.price span:nth-child(2){
    font-size: .26rem;
    color: #06c1ae;
}

.price span:nth-child(3){
    font-size: .24rem;
}
.price span:nth-child(4){
    font-size: .24rem;
    float: right;
}


.centent33{
    width: 7.1rem;
    height: .8rem;
    line-height: .8rem;
    margin: 0 auto;
}
.centent33 span:nth-child(1){
    color: #06c1ae;
    font-size: .3rem;
}
.centent33 span:nth-child(2){
    color: #06c1ae;
    float: right;
    font-size: .4rem;
}

/*----------------------------bottom1------------------------------------------*/
.bottom{
    padding: 0 .2rem .4rem;
    margin-top: .3rem;
    background-color: #f0efed;
}
.bottom1{
    width: 7.1rem;
    height: .6rem;
    padding-top: .4rem;
    margin-bottom: .4rem;
}
.bottom1 span{
    display: inline-block;
    height: .6rem;
    line-height: .6rem;
}
.bottom1 span:nth-child(1){
    border: .02rem solid #06c1ae;
    padding: 0 .3rem;
    color: #06c1ae;
    border-radius: .06rem;
}

.bottom1 span:nth-child(2){
    border: .02rem solid #06c1ae;
    padding: 0 .3rem;
    color: #06c1ae;
    border-radius: .06rem;
    margin-left: .2rem;
}
.bottom1 span:nth-child(3){
    float: right;
    border: .02rem solid #06c1ae;
    padding: 0 .3rem;
    color: #06c1ae;
    border-radius: .06rem;
}
.bottom1 span:nth-child(4){
    float: right;
    margin-right: .3rem;
}
/*----------------------------bottom2------------------------------------------*/
ul{
    list-style-type: none;
}
a{
    text-decoration: none;
}
.bottom2{
    margin: 0.9rem 0 .6rem;
}
.bottom2 a{
    color: #06c1ae;
    display: inline-block;
}
.bottom2 ul{
    margin: 0 .3rem;
    display: flex;
    justify-content: space-between;
}
/*----------------------------bottom3------------------------------------------*/
.bottom3{
    font-size: .24rem;
    margin: .3rem .3rem;
    text-align: center;
}
.bottom3 a{
    display: inline-block;
    color: #06c1ae;
    padding: 0 0 .15rem .5rem;
}
.bottom3 a:nth-child(1){
    color: #333333;
}
/*----------------------------bottom4------------------------------------------*/
.bottom4{
    color: #999;
    font-size: .22rem;
    text-align: center;
}
.bottom4 fieldset{
    border-left: 0;
    border-right: 0;
    border-bottom: 0;

}
.lea{
    color: #999;
}
/*----------------------------美食food heads------------------------------------------*/
.content{
    width: 100%;
    overflow: auto;
}
.heads{
    width: 100%;
    height: .9rem;
    background: #fafafa;
    display: flex;
    text-align: center;

}
.heads div:nth-child(1){
    width: 1.05rem;
    height: .9rem;
    color: #06c1ae;
    font-size: .6rem;
    line-height: .9rem;
}
.heads div:nth-child(2){
    width: 5.4rem;
    height: .6rem;
    line-height: .6rem;
    margin-top: .15rem;
    font-size: 0.26rem;
    color: #999999;
    background: #ebeced;
    border-radius: .5rem;
}
.heads div:nth-child(3){
    width: 1.05rem;
    height: .9rem;
    color: #06c1ae;
    font-size: .4rem;
    line-height: .9rem;
}
.heads span:nth-child(1){
    font-size: .3rem;
}
/*----------------------------美食food bods1------------------------------------------*/
.bods1{
    width: 100%;
    height: 2.2rem;
    border-top: .01rem solid #999;
    border-bottom: .01rem solid #999;
}
.bods1 img{
    width: 100%;
    height: 2.2rem;
}
/*----------------------------bods2导航图标------------------------------------*/
.bods2{
    width: 100%;
    height: 3.57rem;
    background: #ffffff;
    border-bottom: .01rem solid #999;

}
.bods2 ul{
    width: 100%;
    height: 3.3rem;
    padding-top: .07rem;
    margin-bottom: .2rem;
    display: flex;
    flex-wrap: wrap;
}
.bods2 li{
    width: 25%;
    height: 1.35rem;
    margin-top: .25rem;
    text-align: center;

}
.bods2 div:nth-child(1){
    width: .9rem;
    height: .9rem;
    border-radius: 50%;
    margin: 0 auto;
}
.bods2 div:nth-child(2){
    font-size: 0.24rem;
    color: #666666;
    margin-top: 0.09rem;
}
.bods2 img{
    width: .9rem;
    height: .9rem;
    border-radius: 50%;
}
/*----------------------------bods31------------------------------------*/
.bods3{
    width: 100%;
    margin-top: .2rem;
    border-top: .01rem solid #d8d8d8;
    border-bottom: .01rem solid #d8d8d8;
    background-color: #f0f0f0;
}
.bods31{
    width: 100%;
    height: .85rem;
    z-index: 30;
    line-height: .85rem;
    color: #666;
    font-size: 0.28rem;
    display: flex;
    justify-content: space-between;
    border-bottom: .01rem solid #d8d8d8;
}
.bods31 span:nth-child(1){
    margin-left: .2rem;
}
.bods31 span:nth-child(4){
    margin-right: .2rem;
}
/*----------------------------bods32------------------------------------*/
.bods32{
    width: 100%;
}
.bods32top{
    width: 7.2rem;
    height: 1.6rem;
    margin-top: .2rem;
    margin-left: .3rem;
    display: flex;
    border-bottom: .01rem solid #d8d8d8;
}
.bods32left img{
    width: 1.6rem;
    height: 1.6rem;
}
.bods32left{
    width: 1.6rem;
    height: 1.6rem;
}
.bods32right{
    width: 5.4rem;
    height: 1.6rem;
    margin-left: .2rem;
}
.bods32bottom{
    width: 7.2rem;
    height: .8rem;
    margin-left: .3rem;
    position: relative;
    border-bottom: .01rem solid #d8d8d8;
}
.bods32right div:nth-child(1){
    font-family: '.PingFang-SC-Medium';
    font-size: 0.34rem;
    color: #333333;
}
.bods32right div:nth-child(2){
    width: 100%;
    height: .35rem;
    line-height: .35rem;
    margin-top: 0.13rem;
}
.rights2 span:nth-child(1){
    float: left;
    color: #fa952f;
    font-size: 0.35rem;
}
.rights2 span:nth-child(2){
    float: left;
    font-size: 0.24rem;
    color: #666666;
}
.rights2 span:nth-child(3){
    float: right;
    font-size: 0.24rem;
    font-family: PingFangSC-Regular;
    color: #666666;
    margin-right: .1rem;
}
.rights2 span:nth-child(4){
    float: right;
    font-size: 0.24rem;
    font-family: PingFangSC-Regular;
    color: #666666;
    margin-right: .1rem;
}
.bods32right div:nth-child(3){
    margin-top: 0.08rem;
}
.rights3 span:nth-child(1){
    font-size: 0.24rem;
    color: #666666;
}
.rights3 span:nth-child(2){
    margin-right: 0.2rem;
    font-size: 0.22rem;
    color: rgb(190, 158, 77);
}
.rights3 span:nth-child(3){
    float: right;
    font-size: 0.22rem;
    color: rgb(190, 158, 77);
}


.bods32bottom1{
    width: 7.2rem;
    height: .4rem;
    margin-top: .2rem;
    position: absolute;
    text-align: center;
}
.bods32bottom1 span:nth-child(1){
    width: .3rem;
    height: .3rem;
}
.bods32bottom1 img{
    width: .3rem;
    height: .3rem;
}
/*----------------------foots------------------------*/
.foots{
    width: 100%;
    background-color: #f0f0f0;
}
.foots1{
    width: 6.9rem;
    height: .56rem;
    line-height: .56rem;
    margin: 0 auto;
    padding-top: 0.2rem;
    color: #06c1ae;
    background-color: #f0f0f0;
}
.foots2 span:nth-child(1){
    margin-left: .2rem;
}
.foots3{
    margin: .9rem 0 .5rem;
}
.foots4{
    width: 6.7rem;
    height: .36rem;
    margin: 0 auto;
    text-align: center;
    font-size: 0.24rem;
    color: #333;
}
.foots4 a{
    color: #06c1ae;
}
.foots5{
    margin-top: .2rem;
}
/*----------------------usertop------------------------*/
.utop{
    width: 100%;
    height: 1rem;

    color: #fff;
    background: #06c1ae;
    display: flex;
    justify-content: space-between;
    border-bottom: 1px solid #21897d;
}
.utop div:nth-child(1){
    line-height: 1rem;
    font-size: .9rem;
}
.utop div:nth-child(2){
    line-height: 1rem;
    font-size: .36rem;
}
.utop div:nth-child(3){
    margin-top: .2rem;
    margin-right: -1.3rem;
    display: flex;
    flex-direction:column;
    text-align: center;
}
.utop3 span{
    font-size: .4rem;
}
.utop3 i{
    font-size: .2rem;
}
.utop div:nth-child(4){
    margin-top: .2rem;
    margin-right: .4rem;
    display: flex;
    flex-direction:column;
    text-align: center;
}
.utop4 span{
    font-size: .4rem;
}
.utop4 i{
    font-size: .2rem;
}
/*----------------------ucenter------------------------*/
.ucent1{
    width: 100%;
    height: 1.6rem;
    position: relative;
    display: flex;
    border-bottom: .01rem solid #d8d8d8;
    background-image: url("mtimg/bgi.png");
}
.ucleft{
    width: 1.2rem;
    height: 1.2rem;
    margin: .2rem .4rem;
    border-radius: 50%;
}
.ucleft img{
    width: 1.2rem;
    height: 1.2rem;
}
.ucmid{
    width: 5rem;

    margin-top: .5rem;
}
.ucmid div:nth-child(1){
    font-size: .3rem;
    color: #333;
}
.ucmid div:nth-child(2){
    font-size: .24rem;
    color: #666;
}
.ucmid i{
    color: #FF9712;
}
.ucright{

    font-size: .5rem;
    margin-top: .5rem;
}
/*-----------------------ucent2-------------------------------*/
.ucent2{
    width: 100%;
    height: .9rem;
    line-height: .9rem;
    margin: .2rem 0;

    border-top: 1px solid #DDD8CE;
    border-bottom: 1px solid #DDD8CE;
}
.ucent2 span:nth-child(1){
    margin-left: .2rem;
    font-size: .4rem;
    color: #f0f0f0;
    background-color: #06c1ae;
}
.ucent2 span:nth-child(2){
    margin-left: .2rem;
    font-size: .3rem;
    color: #333;
}
.ucent2 span:nth-child(3){
    margin-left: 4.7rem;
    font-size: .4rem;
    color: #333;
}
/*-----------------------ucent3-------------------------------*/
.ucent3{
    width: 100%;
    height: 1.6rem;
    display: flex;
    justify-content: space-around;
    border-bottom: 1px solid #DDD8CE;
}
.ucent3d{
    margin-top: .1rem;
    text-align: center;
}
.ucent3d span{
    font-size: .9rem;
}
.ucent3d div{
    font-size: .3rem;
}
/*-----------------------ucent4-------------------------------*/
.ucent4{
    width: 100%;
    margin-top: .3rem;
    border-top: 1px solid #DDD8CE;
}
.ucent4 li{
    width: 100%;
    height: .9rem;
    margin: 0 auto;
    line-height: .9rem;
    border-bottom: 1px solid #DDD8CE;
}
.ucent4 span:nth-child(1){
    width: .5rem;
    height: .5rem;
    line-height: .5rem;
    border-radius: .06rem;
    color: white;
    text-align: center;
    margin-left: .2rem;
    background-color: #0092DE;

}
.ucent4 span:nth-child(2){
    display: inline-block;
    width: 6rem;
    margin-left: .2rem;
}
.ucent4 span:nth-child(3){
    width: .5rem;
    height: .5rem;
    font-size: .4rem;
}
/*---------------------待付款pay------------------------*/
.paytop{
    width: 7.5rem;
    height: 1rem;
    background-color: #06c1ae;
}
.paycontent1{
    width: 100%;
    height: .8rem;
    line-height: .8rem;
    font-size: .3rem;
    background-color: red;
}
.paycontent1 ul{
    display: flex;
    justify-content: space-around;
}
.paycheck{
    color: #06c1ae;
    border-bottom: .04rem solid #06c1ae;
}

